﻿@section scripts {
    <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/Site/Index")"></script>    
}
Weather in <span data-bind="text: result().Region.Name"></span>
<ul data-bind="foreach: result().Region.Prognose" style="height: 100px;">
    <li style="list-style: none; display: inline;">
        <div style="display: inline; margin-top: 10px;" class="well span2">
            Temperature: <span data-bind="text: Temperature"></span> C <br />
            Date: <span data-bind="text: Date"></span></br>
            Time: <span data-bind="text: Time"></span></br>
        </div>
    </li>
</ul>
<form class="well">
  <input class="input-xlarge" data-bind="value: query" placeholder="I want found in the Twitter..."/>
  <a href="#" class="btn" data-bind="click: search">Search</a>
</form>
<table class="table">
    <thead>
        <tr>
            <th class="span2">User Name</th>
            <th>Text</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: result().Tweets">
        <tr>
            <td data-bind="text: UserName"></td>
            <td data-bind="text: Text"></td>
        </tr>        
    </tbody>
</table>

<div class="modal" data-bind="visible: isLoading">
  <div class="modal-body" style="text-align: center;">
    <h3>Loading data…</h3>
  </div>
</div>

<div class="modal" data-bind="visible: error().show">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h5>Error Message</h5>
  </div>
  <div class="modal-body" style="text-align: center;">
    <h4 data-bind="text: error().message"></h4>
  </div>
</div>

@Html.ActionLink("API Documentation", "ApiDoc")
